<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" href="../js/flexslider/flexslider.css">
    <script src="../js/jquery-3.1.1.js"></script>
    <script src="../js/flexslider/jquery.flexslider.js"></script>
   

</head>
<body>

<!--轮播图-->
<div class="flexslider">
    <ul class="slides">
        <li><img src="../img/lunbo-1.jpg" height="550" width="1920"/></li>
        <li><img src="../img/lunbo-2.jpg" height="550" width="1920"/></li>
    </ul>
</div>

<!--思想轮播图-->
<div class="ad">
    <h4>思想</h4>
    <span>Our advantage</span>
    <ul>
        <li>
            <div>
                <img src="../img/ad-01.png" height="130" width="290"/>
                <h5>DREAM  LOVER</h5>
                <span>闻香识女人</span>
            </div>
        </li>
        <li>
            <div>
                <img src="../img/ad-02.png" height="130" width="290"/>
                <h5>DELEAR  STREAK?</h5>
                <span>博弈胜败坚守使命的逐利作者</span>
            </div>
        </li>
        <li>
            <div><img src="../img/ad-03.png" height="130" width="290"/>
                <h5>为什么而创造？</h5>
                <span>让全世界看到我们的潮流</span>
            </div>
        </li>
    </ul>

</div>
<script>
    $(function () {


        //轮播图
        $('.flexslider').flexslider({
            animation:'slide',
            direction:'horizontal',
            animationSpeed:1000,
            slideshowSpeed:2000,
            directionNav:false
        });
        $('.flex-control-nav').css({bottom:'20px',"z-index":'20'});
        $('.flex-control-nav>li>a').css({height:'1px',width:'60px'});
        $()





    })
</script>
</body>
</html>